<template>
	<!-- 头部公共部份 -->
	<Header></Header>
	<!-- 轮播图 -->
	<NavSwiper></NavSwiper>
	<!-- 中间内容 -->
	<!-- 加入异步组件 -->
	<div ref="target"><NewCourse v-if="targetIsVisibel"></NewCourse></div>

	<!-- 树状图的实现 -->
	<!-- <vue3TreeOrg></vue3TreeOrg> -->
	<!-- 底部公共布局 -->
	<Footer></Footer>
</template>
<script lang="ts" setup>
import { Check, Delete, Edit, Message, Search, Star } from '@element-plus/icons-vue';
// 引入组件
import Header from '@/components/common/Header.vue';
import NavSwiper from '@/components/home/NavSwiper.vue';

// 异步组件(中间内容)
import { useIntersectionObserver } from '@vueuse/core';
import { useLazyData } from '@/utils/vueuse_core';
const { targetIsVisibel, target } = useLazyData('@/components/home/NewCourse.vue');

import vue3TreeOrg from '@/components/home/vue3TreeOrg.vue';
import Footer from '@/components/common/Footer.vue';
</script>
